<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.11.1.js"></script>
    <script>
        jQuery(function () {
            var  jqul = $("ul");
            // find(selector); 从jquery对象的后代中查找
            //  必须制定参数，如果不指定获取不到元素。length === 0
            jqul.find("li").css("background", "pink");
            console.log(jqul.find());
            //  children(selector); jquery对象的子代中查找
            //  不写参数获取所有子参数
            jqul.children("li").css("background", "green");

            //  eq(索引值); 从jquery对象的子代中查找该索引值的元素
            //  要求该数组中的第几个
            jqul.children().eq(0).css("background", "red");

            //  next(); 该元素的下一个兄弟元素
            jqul.children().eq(0).next().css("background", "yellow");

            //  siblings(selector); 该元素的所有兄弟元素
            jqul.children().eq(0).next().siblings().css("border", "1px solid #333");

            //  parent(); 该元素的父元素
            console.log(jqul.children().parent());

        })
    </script>
</head>
<body>

<ul>
    <li>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
    <li class="box">北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
    <span>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</span>
    <li class="box">北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
    <i>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</i>
    <li>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
    <a  id="box" href="#">北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</a>
    <ol>
        <li>我是ol中的li</li>
        <li>我是ol中的li</li>
        <li>我是ol中的li</li>
        <li>我是ol中的li</li>
    </ol>
</ul>

</body>
</html>